<%@ page contentType="text/html;charset=UTF-8" language="java" %>

<html>
<head>

    <title>检测用户名是否唯一</title>
    <script type="text/javascript" src="js/jquery-3.2.1.min.js"></script>
    <script language="javascript">
        $(function () {
            var http_request;//定义异步请求对象
            //创建异步请求对象
            http_request = new XMLHttpRequest();  // 1
            //检测学号的唯一性
            function checkUser(sno) {
                if (sno==null){
                    sno=$("#sno").val();
                }
                if (sno.value == "") {
                    alert("请输入学号！");
                    sno.focus();
                    alert("2");
                    return;
                } else {
                    var url = 'checkUser?sno=' +sno;
                    http_request.onreadystatechange = getResult; //2.调用回调函数
                    http_request.open('POST', url, true); //3.创建与服务器的连接
                    http_request.send(null); //4.向服务器发送请求
                }
            }

            //定义回调函数
            //2040706301 -雷诏华
            function getResult() {
                if (http_request.readyState == 4) { // 5. 判断请求状态,若异步请求完成
                    if (http_request.status == 200) { // 请求成功，开始处理返回结果
                        document.getElementById("toolTip").innerHTML = http_request.responseText; //设置提示内容
                        document.getElementById("toolTip").style.display = "block"; //显示提示框
                    } else { // 请求页面有错误
                        alert("您所请求的页面有错误！");
                    }
                }
            }

            $("#register").click(function (){
                checkUser();
            })

        });
    </script>

</head>
<body>
<h1>新用户注册</h1>
<form method="post" name="form1">
    请输入学号：<input id="sno" name="sno" type="text" size="32" onblur="checkUser()" >
    <input type="button" id="register" value="注册"/>
</form>
<div id="toolTip"></div>
</body>
</html>

